<div id="category" class="index">
    <div class="header text-center">
        <a   ui-sref='^.home'><img src="img/category/l_arrow.jpg" alt="l_arrow"></a>商品分类
        <a href="" class="like"><img src="img/category/coll.png" /></a>
    </div>
    <ion-content>
        <!--slide开始-->
        <div class="slide">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="img/category/slider1.jpg" alt="s1" /></div>
                    <div class="swiper-slide"><img src="img/category/slider2.jpg" alt="s2" /></div>
                    <div class="swiper-slide"><img src="img/category/slider3.jpg" alt="s3" /></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!--slide结束-->
        <!--search-->
        <div class="middle">
            <div class="col-xs-5 logo">
                <img src="img/category/logo.png" />
            </div>
            <div class="col-xs-7">
                <form action="" class="form-inline">
                    <div class="input-group">
                        <input type="text" class="form-control" placeholder="请输入关键词" />
                        <span class="input-group-btn">
                        <button type="submit" class="btn btn-default">
                            <span class="glyphicon glyphicon-search"></span>
                        </button>
                        </span>
                    </div>

                </form>
            </div>
            
        </div>
        <!--search-->
        <main>
            <section>
                <div class="col-xs-12">西洋乐器</div>
                <div class="col-xs-4"><a href="">键盘乐器</a></div>
                <div class="col-xs-4"><a href="">打击乐器</a></div>
                <div class="col-xs-4"><a href="">西洋管乐</a></div>
                <div class="col-xs-4"><a href="">西洋弦乐</a></div>
            </section>
            <section>
                <div class="col-xs-12">民族乐器</div>
                <div class="col-xs-4"><a href="">弦鸣乐器</a></div>
                <div class="col-xs-4"><a href="">吹奏乐器</a></div>
                <div class="col-xs-4"><a href="">打击乐器</a></div>
            </section>
            <section>
                <div class="col-xs-12">配件饰品</div>
                <div class="col-xs-4"><a href="">音乐饰品</a></div>
                <div class="col-xs-4"><a href="">乐器配件</a></div>
                <div class="col-xs-4"><a href="">其他</a></div>
            </section>
            <section>
                <div class="col-xs-12">音乐图书</div>
                <div class="col-xs-4"><a href="">音乐图书</a></div>
            </section>


        </main>
    </ion-content>
</div>